@import '../../../../css/mobile/components/normalize';
@import '../../../../css/mobile/components/font';

.container {
  text-align: center;
  line-height: 0;

  .banner {
    margin-top: 170px;
    width: 314px;
  }

  .title {
    margin-top: 64px;
    height: 92px;
    font-size: 32px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 46px;
  }

  .qr-title {
    margin-top: 200px;
    height: 44px;
    font-size: 32px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: 44px;


    &:before, &:after {
      display: inline-block;
      content: '' !important;
      width: 68px;
      height: 2px;
      background: rgba(51, 51, 51, 0.2);
      border-radius: 2px;
      margin: -8px 50px 0 50px;
      vertical-align: middle;
    }
  }

  .qr-code {
    margin-top: 96px;
    width: 302px;
    height: 302px;
  }

  .qr-text {
    margin-top: 14px;
    height: 42px;
    line-height: 42px;
  }
}